<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 , user-scalable=no,minimal-ui">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>F6 SUPERSHOT官网</title>
  <link rel="stylesheet" href="./static/css/reset.css">
  <link rel="stylesheet" href="./static/css/public.css">
  <link rel="stylesheet" href="./static/css/home.css">
</head>
<body>
  <div class="full-mask"><img id="img1" src=""></div>
  <header class="clearfix">
    <h1 class="logo fl"><a href="./home.html"><img src="./static/img/f6_logo.png" alt=""></a></h1>
    <div class="swiper-btn-box fl flex">
      <div class="f6-btn1 flex"><img src="./static/img/f6-btn1.png" class="active" alt=""></div>
      <div class="f6-btn2 flex"><img src="./static/img/f6-btn2.png" alt=""></div>
      <div class="f6-btn3 flex"><img src="./static/img/f6-btn3.png" alt=""></div>
      <div class="f6-btn4 flex"><img src="./static/img/f6-btn4.png" alt=""></div>
    </div>
  </header>
  <section class="main">
    <div class="swiper-warp">
      <div class="swiper">
        <div class="swiper-item item1"><img src="" alt=""></div>
        <div class="swiper-item item2"><img src="" alt=""></div>
        <div class="swiper-item item3"><img src="" alt=""></div>
        <div class="swiper-item item4"><img src="" alt=""></div>
        <div class="swiper-item item5"><img src="" alt=""></div>
      </div>
      <div class="swiper-btn swiper-pre"></div>
      <div class="swiper-btn swiper-next"></div>
    </div>
  </section>
  <footer>
    <nav>
      <ul class="footer-nav flex justify-center">
        <li class="footer-nav-about">
          <a href="./about.html"></a>
        </li>
        <li class="footer-nav-call">
          <a href="./call.html"></a>
        </li>
        <li class="footer-nav-buy">
          <a href="./buy.html"></a>
        </li>
      </ul>
    </nav>
  </footer>
  <script src="./static/js/zepto.min.js"></script>
  <script src="./static/js/touch.js"></script>
  <script src="./static/js/fx.js"></script>
  <script src="./static/js/zepto.cookie.min.js"></script>
  <script src="./static/js/home.js"></script>
  <script>
  window.onload = function(){
    var sWidth = $(window).width()*window.devicePixelRatio
    var systemInfo = navigator.userAgent;
    if (systemInfo.indexOf('Android') > -1 || systemInfo.indexOf('Linux') > -1) {//安卓手机
      $('.full-mask').find('img').attr('src','./static/img/full-1242x2425.jpg')
      $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1242x2085.jpg')
      $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1242x2085.jpg')
      $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1242x2085.jpg')
      $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1242x2085.jpg')
      $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1242x2085.jpg')
      $('.swiper-item img').css('with','100%');
    } else if (systemInfo.indexOf('iPhone') > -1) {//苹果手机
      if(sWidth == 750){
        $('.full-mask').find('img').attr('src','./static/img/full-750x1206.jpg')
        // $('.full-mask').find('img').css('height','12.06rem')
        $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-750x1001.jpg')
        $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-750x1001.jpg')
        $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-750x1001.jpg')
        $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-750x1001.jpg')
        $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-750x1001.jpg')
        $('.swiper-item img').css('height','10.01rem')
      }else if(sWidth == 1125){
        $('.full-mask').find('img').attr('src','./static/img/full-1125x2173.jpg')
        // $('.full-mask').find('img').css('height','21.73rem')
        $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1125x1865.jpg')
        $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1125x1865.jpg')
        $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1125x1865.jpg')
        $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1125x1865.jpg')
        $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1125x1865.jpg')
        $('.swiper-item img').css('height','12.43rem')
      }else if(sWidth == 1242 && screen.height == 736 && screen.width == 414){
        $('.full-mask').find('img').attr('src','./static/img/full-1242x2017.jpg')
        // $('.full-mask').find('img').css('height','20.17rem')
        $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1242x1677.jpg')
        $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1242x1677.jpg')
        $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1242x1677.jpg')
        $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1242x1677.jpg')
        $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1242x1677.jpg')
        $('.swiper-item img').css('height','10.12rem')
      }else if(sWidth == 1242 && screen.height != 736){
        $('.full-mask').find('img').attr('src','./static/img/full-1242x2425.jpg')
        // $('.full-mask').find('img').css('height','24.25rem')
        $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1242x2085.jpg')
        $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1242x2085.jpg')
        $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1242x2085.jpg')
        $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1242x2085.jpg')
        $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1242x2085.jpg')
        $('.swiper-item img').css('height','12.59rem')
      }else{
        $('.full-mask').find('img').attr('src','./static/img/full-1242x2425.jpg')
        $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1242x2085.jpg')
        $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1242x2085.jpg')
        $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1242x2085.jpg')
        $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1242x2085.jpg')
        $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1242x2085.jpg')
        $('.swiper-item img').css('with','100%');
      }
    } else {
      $('.full-mask').find('img').attr('src','./static/img/full-1242x2425.jpg')
      $('.swiper-item').eq(0).find('img').attr('src','./static/img/1-1242x2085.jpg')
      $('.swiper-item').eq(1).find('img').attr('src','./static/img/2-1242x2085.jpg')
      $('.swiper-item').eq(2).find('img').attr('src','./static/img/3-1242x2085.jpg')
      $('.swiper-item').eq(3).find('img').attr('src','./static/img/4-1242x2085.jpg')
      $('.swiper-item').eq(4).find('img').attr('src','./static/img/1-1242x2085.jpg')
      $('.swiper-item img').css('with','100%');
    }
  }
  $('.logo').on('tap',function(){
      window.location.href = './index.html';
    })
  
  function browserRedirect() {

    var sUserAgent= navigator.userAgent.toLowerCase();

    var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";

    var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";

    var bIsMidp= sUserAgent.match(/midp/i) == "midp";

    var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

    var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";

    var bIsAndroid= sUserAgent.match(/android/i) == "android";

    var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";

    var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";

    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
      window.location= 'http://www.f6shot.com';
    }

  }

  browserRedirect();
  </script>
</body>
</html>